<template>
<!--  <h1>这里显示管理员的侧边导航栏</h1>-->
  <div class="ddd">
  <el-row :gutter="30">
    <el-col :span="4">
      <h1 class="mb-2">爱心助后台管理</h1>
      <el-menu
          active-text-color="#ffd04b"
          background-color="#525252"
          class="el-menu-vertical-demo"
          default-active="2"
          text-color="#fff"
          @open="handleOpen"
          @close="handleClose"
      >
        <!--........-->
        <el-menu-item index="1" @click="userList()" style="height: 70px">
          <el-icon><user /></el-icon>
          <span>用户管理</span>
        </el-menu-item>
        <el-menu-item index="2" @click="newsList()" style="height: 70px">
          <el-icon><document/></el-icon>
          <span>发布新闻</span>
        </el-menu-item>
        <el-menu-item index="4"  @click="helpList()" style="height: 70px">
         <el-icon><phone-filled></phone-filled></el-icon>
          <span>求助审核</span>
        </el-menu-item>
        <el-menu-item index="3"  @click="donateList()" style="height: 70px">
          <el-icon><goods-filled></goods-filled></el-icon>
          <span>灾区捐赠</span>
        </el-menu-item>
        <el-menu-item index="5"  @click="adoptList()" style="height: 70px">
          <el-icon><help-filled></help-filled></el-icon>
          <span>灾区捐款</span>
        </el-menu-item>
        <el-menu-item index="6"  @click="activityList()" style="height: 70px">
          <el-icon><check></check></el-icon>
          <span>活动审核</span>
        </el-menu-item>
        <el-menu-item index="7"  @click="animalList()" style="height: 70px">
          <el-icon><shop></shop></el-icon>
          <span>宠物审核</span>
        </el-menu-item>
        <el-menu-item index="8"  @click="newsreivewlList()" style="height: 70px">
          <el-icon><Comment></Comment></el-icon>
          <span>新闻评论</span>
        </el-menu-item>
        <el-menu-item index="9"  @click="assreviewList()" style="height: 70px">
          <el-icon><Comment></Comment></el-icon>
          <span>求助评论</span>
        </el-menu-item>
        <el-menu-item index="10"  @click="reportList()" style="height: 70px">
          <el-icon><Warning></Warning></el-icon>
          <span>身份审核</span>
        </el-menu-item>
      </el-menu>
    </el-col>
    <el-col :span="20">
      <router-view></router-view>
    </el-col>
  </el-row>
  </div>
</template>

<script>
export default {
  name: "AdminNav",
  components: {},

  data(){
    return{

    }
  },
 methods:{
    //用户页面点击事件
   userList(){
     this.$router.push('/admin/UserList')
   },
      //新闻发布点击事件
      newsList(){
        this.$router.push('/admin/NewsList')
      },
   //捐赠审核点击事件
   donateList(){
     this.$router.push('/admin/DonateList')
   },
   //求助审核点击事件
   helpList(){
     this.$router.push('/admin/HelpList')
   },
   //领养审核点击事件
   adoptList(){
     this.$router.push('/admin/AdoptList')
   },
   //活动审核点击事件
   activityList(){
     this.$router.push('/admin/ActivityList')
   },
   //宠物审核点击事件
   animalList(){
     this.$router.push('/admin/AnimalList')
   },
   //新闻评论点击事件
   newsreivewlList(){
     this.$router.push('/admin/NewsReview')
   },
   //个人求助评论点击事件
   assreviewList(){
     this.$router.push('/admin/AssReview')
   },
   //举报处理点击事件
   reportList(){
     this.$router.push('/admin/ReportList')
   }
  }
}
</script>

<style scoped>
*{
  font-size: 28px;
}
/*el-menu-item{*/
/*  height: 50px;*/
/*}*/
.ddd{
  height: 900px;
  width: 1840px;
}
.mb-2{
  /*font-style:  oblique;*/
  font-family: 叶根友毛笔行书简体;
  font-size: 40px;
}
</style>